<!--   @author  Created By  YS  on 2023/10/22 -->
<!--   @describe -->

<template>
<div >
  <template v-for="item in 3">
    <div class="title">个人信息</div>
    <div class="use-ul" >
      <div class="use-li" v-for="items in 4">
        <div class="use-li-key">性取向</div>
        <div class="use-li-value">同志</div>
      </div>

    </div>
  </template>

</div>
</template>

<script>
export default {
  name: 'userInfo',
  data() {
    return {}
  },
  methods: {}
}
</script>

<style lang='scss' scoped>
  .title{
    width: 750rpx;
    height: 100rpx;

    opacity: 1;
      color: #000000;
      text-align: left;
    line-height: 100rpx;
      font-size: 36rpx;
      font-weight: 0;
    padding-left: 45rpx;
  }
  .use-ul{
    .use-li{
      width: 750rpx;
      height: 80rpx;
      opacity: 1;
      line-height: 80rpx;
      display: flex;
      &-key{
        width: 224rpx;
        margin-left: 45rpx;
        color:#999;
        font-size: 32rpx;
      }
      &-value{
        flex:1;
        font-size: 32rpx;
        color: #000000;
      }
    }
  }
</style>
